<template>
  <div class="admin-login f-h-cc">
    <div class="login-contanier f-c-lr">
      <i class="xxcw-icon-dl"></i>
      <el-input
        placeholder="请输入用户名"
        prefix-icon="xxcw-icon-yh"
        v-model="username"></el-input>
      <el-input
        placeholder="请输入密码"
        prefix-icon="xxcw-icon-mm"
        v-model="username"
        @keyup.enter.native="handleLogin"></el-input>
      <el-button type="primary" @click="handleLogin">登录</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      username: ''
    }
  },
  methods: {
    handleLogin () {
      this.$router.push('/asset')
    }
  }
}
</script>

<style lang="scss">
.admin-login {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url('../assets/img/login_bg.jpg') no-repeat center;
  background-size: cover;
  .login-contanier {
    width: 300px;
    height: 300px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #000;
    padding: 20px 30px 60px;
    box-sizing: border-box;
    justify-content: space-between;
    .el-button {
      width: 100%;
    }
    .xxcw-icon-dl {
      font-size: 30px;
    }
  }
}
</style>
